<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<!-- 	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover" /> -->
		<link rel="stylesheet" type="text/css" href="css/sui.css" />
		<link rel="stylesheet" type="text/css" href="css/sui-flex.css" />
		<link rel="stylesheet" type="text/css" href="css/my.css?v=2020031412" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<script src="./js/iconfont.js"></script>
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<title></title>
		<style>
			body {
			/* background-color: #203CF4; */
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.sui-list-item:last-child{
			background-image: none;
		}	
		
		
		
		.svg-piple{
			fill:none;stroke:white;stroke-width:10
		}
		
		.svg_text{
			text-align: center;
		}
		
		
		.water-piple{
			background-color: #FFFFFF;
			height: 10px;
		}
		
	</style>

	</head>

	<body>
	


		<header class="sui-bar sui-bar-nav top-box" style="height: 85px;box-shadow: 0px 2px 1px rgba(0,0,0,0.5)">
			<!-- 	<div class="sui-pull-left">
				<img src="img/logo_white.png" style="height: 1.7rem;margin-left: 0.5rem;margin-top: 0.275rem;" />
			</div> -->
			<div class="sui-title" style="height: 85px; line-height: 85px;">智慧水务系统</div>

			<div class="sui-pull-right">
				<img src="img/menu.png" id="icon-menu" />
			</div>
		</header>

		<div class="sui-wrap back-box " id="datas" style="height: 100vh;width: 100vw;">
			<bump-room :options="options" style="height: 600px;width: 1000px;margin:20px;"></bump-room>

			
		</div>


		<script type="application/javascript" src="lib/sui.js"></script>
		<!-- <script type="application/javascript" src="lib/sui-accordion.js"></script> -->
		<script type="application/javascript" src="lib/vue.min.js"></script>
		<script type="application/javascript" src="js/common.js"></script>
		<script type="application/javascript" src="./js/api.js"></script>
		<script type="application/javascript" src="lib/sui-popup.js"></script>
		<script type="application/javascript" src="js/menu.js?v=202003051"></script>
		
		<script type="application/javascript" src="viewer/bump.js"></script>
		





	</body>

	<script type="text/javascript">


		var vm = new Vue({
			el: "#datas",
			data: {
				options: {
					room:{
						flow: "24 ML",//出水管道瞬时流量
						press:"55 L"//进水压力
					},
					pools: [{
							id: 1,
							name: "1#清水池",
						}, {
							id: 2,
							name: "2#清水池",
							precent:"55%"
						},
						// {
						// 	id: 3,
						// 	name: "3#清水池",
						// 	precent:"55%"
						// },
						// {
						// 	id: 4,
						// 	name: "4#清水池",
						// 	precent:"55%"
						// },

					],
					pumps: [{
							id: 1,
							name: "1#清水池",
							flow: "224 ML",//瞬时流量
							press:"545 L",//压力
						}, {
							id: 2,
							name: "2#清水池",
							flow: "24 ML",//瞬时流量
							press:"55 L",//压力
							state:1,  //状态 1:运行 -1:报错  
						},
						{
							id: 3,
							name: "3#清水池",
							flow: "24 ML",//瞬时流量
							press:"55 L",//压力,
							state:-1,
						},
						// {
						// 	id: 4,
						// 	name: "4#清水池",
						// 	precent:"55%"
						// },
						// {
						// 	id: 5,
						// 	name: "5#清水池",
						// 	precent:"55%"
						// },
						
						]
				}
			},
			components: {
				'bump-room': gmallComponent('./viewer/bump_room.html', {}),
			},	
			mounted: function() {
				var _self = this;
				setTimeout(function() {
					_self.showTest = true;
				}, 3000);
			},
			methods: {

			}


		})
	</script>

</html>
